var toggle = false;
$(document).ready(function () {
	$(document).click(function() {
		if(toggle){
			//$('ul.the_menu').slideUp('medium');
		}
	});
    $('img.menu_class').click(function () {
		toggle = true;
		$('ul.the_menu').slideDown('medium');
    });
	$('img.menu_class').mouseout(function () {
		//$('ul.the_menu').slideUp('medium');
	});
	
});

$(document).ready(function () {
     
    $('#nav li').hover(
        function () {
            //show its submenu
			$('#nav').css({'background':'#FFFFFF'});
            $('ul', this).slideDown(100);
 
        },
        function () {
            //hide its submenu
			$('#nav').css({'background':'none'});
            $('ul', this).slideUp(100);        
        }
    );
     
});